<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/furniture.css">
    <title>furniture</title>
</head>
<body>
    <!-- 网页大盒子 -->
    <div class="home">
        <!-- 首页背景 -->
        <div class="nav_back">
            <img src="./img/bg.png" alt="">
        </div>
        <!-- 优惠卷 -->
        <div class="Preferential">
            <img src="./img/coupon.png" alt="">
        </div>
        <!-- 广告语 -->
        <div class="slogan">
            <div class="left">时尚潮流款</div>
            <div class="right">流行趋势</div>
            <div class="bottom">GORGEOUS COLOUR OF</div>
        </div>
        <!-- 产品 -->
        <div class="products">
            <div class="sofa">
                <div class="sofa_left">
                    <img src="./img/sofa.png" alt="">
                </div>
                <div class="sofa_right">
                    <div class="products_text">
                        <div class="products_text_top">
                            <p>现代布艺沙发</p>
                            <hr>
                            <span>进口白橡木材质</span>
                        </div>
                        <!-- 三个图标 -->
                        <div class="porducts_text_img">
                            <div class="porducts_text_img_1">
                                <img src="./img/text1.png" alt="">
                            </div>
                            <div class="porducts_text_img_1">
                                <img src="./img/text2.png" alt="">
                            </div>
                            <div class="porducts_text_img_1">
                                <img src="./img/text3.png" alt="">
                            </div>
                        </div>
                        <!-- 文字 -->
                        <div class="porducts_text_mid">
                            <p>安全放心的材质</p>
                        </div>
                        <!-- 价格 -->
                        <div class="porducts_text_bottom">
                            <div class="porducts_text_bottom_icon">
                                <p>￥</p>
                            </div>
                            <div class="porducts_text_bottom_money">
                                <span>188</span>
                            </div>
                            <button>立刻抢购</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cupboard">
                <div class="cupboard_left">
                    <div class="products_text">
                        <div class="products_text_top">
                            <p>现代布艺沙发</p>
                            <hr>
                            <span>进口白橡木材质</span>
                        </div>
                        <!-- 三个图标 -->
                        <div class="porducts_text_img">
                            <div class="porducts_text_img_1">
                                <img src="./img/text1.png" alt="">
                            </div>
                            <div class="porducts_text_img_1">
                                <img src="./img/text2.png" alt="">
                            </div>
                            <div class="porducts_text_img_1">
                                <img src="./img/text3.png" alt="">
                            </div>
                        </div>
                        <!-- 文字 -->
                        <div class="porducts_text_mid">
                            <p>安全放心的材质</p>
                        </div>
                        <!-- 价格 -->
                        <div class="porducts_text_bottom">
                            <div class="porducts_text_bottom_icon">
                                <p>￥</p>
                            </div>
                            <div class="porducts_text_bottom_money">
                                <span>188</span>
                            </div>
                            <button>立刻抢购</button>
                        </div>
                    </div>
                </div>
                <div class="cupboard_right">
                    <img src="./img/cupboard.png" alt="">
                </div>
            </div>
            <div class="table">
                <div class="table_left">
                    <img src="./img/table.png" alt="">
                </div>
                <div class="table_right">
                    <div class="products_text">
                        <div class="products_text_top">
                            <p>现代布艺沙发</p>
                            <hr>
                            <span>进口白橡木材质</span>
                        </div>
                        <!-- 三个图标 -->
                        <div class="porducts_text_img">
                            <div class="porducts_text_img_1">
                                <img src="./img/text1.png" alt="">
                            </div>
                            <div class="porducts_text_img_1">
                                <img src="./img/text2.png" alt="">
                            </div>
                            <div class="porducts_text_img_1">
                                <img src="./img/text3.png" alt="">
                            </div>
                        </div>
                        <!-- 文字 -->
                        <div class="porducts_text_mid">
                            <p>安全放心的材质</p>
                        </div>
                        <!-- 价格 -->
                        <div class="porducts_text_bottom">
                            <div class="porducts_text_bottom_icon">
                                <p>￥</p>
                            </div>
                            <div class="porducts_text_bottom_money">
                                <span>188</span>
                            </div>
                            <button>立刻抢购</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 热销爆款 -->
        <div class="hot">
            <span>热</span>
            <p>|</p>
            <span>销</span>
            <p>|</p>
            <span>爆</span>
            <p>| </p>
            <span>款</span>
        </div>
        <!-- 热销爆款产品 -->
        <div class="quality">
            <div class="quality_products">
                <div class="quality_products_six">
                    <img src="./img/chair.png" alt="">
                    <p>品质保障30年</p>
                    <hr>
                    <span>给温暖舒适的家</span>
                    <div class="quality_button">
                        <div class="quality_button_icon">
                            <p>￥</p>
                        </div>
                        <div class="quality_button_money">
                            <span>188</span>
                        </div>
                        <button>立刻抢购</button>
                    </div>
                </div>
                <div class="quality_products_six">
                    <img src="./img/chair.png" alt="">
                    <p>品质保障30年</p>
                    <hr>
                    <span>给温暖舒适的家</span>
                    <div class="quality_button">
                        <div class="quality_button_icon">
                            <p>￥</p>
                        </div>
                        <div class="quality_button_money">
                            <span>188</span>
                        </div>
                        <button>立刻抢购</button>
                    </div>
                </div>
                <div class="quality_products_six">
                    <img src="./img/chair.png" alt="">
                    <p>品质保障30年</p>
                    <hr>
                    <span>给温暖舒适的家</span>
                    <div class="quality_button">
                        <div class="quality_button_icon">
                            <p>￥</p>
                        </div>
                        <div class="quality_button_money">
                            <span>188</span>
                        </div>
                        <button>立刻抢购</button>
                    </div>
                </div>
                <div class="quality_products_six">
                    <img src="./img/chair.png" alt="">
                    <p class="quality_text">品质保障30年</p>
                    <hr>
                    <span>给温暖舒适的家</span>
                    <div class="quality_button">
                        <div class="quality_button_icon">
                            <p>￥</p>
                        </div>
                        <div class="quality_button_money">
                            <span>188</span>
                        </div>
                        <button>立刻抢购</button>
                    </div>
                </div>
                <div class="quality_products_six">
                    <img src="./img/chair.png" alt="">
                    <p>品质保障30年</p>
                    <hr>
                    <span>给温暖舒适的家</span>
                    <div class="quality_button">
                        <div class="quality_button_icon">
                            <p>￥</p>
                        </div>
                        <div class="quality_button_money">
                            <span>188</span>
                        </div>
                        <button>立刻抢购</button>
                    </div>
                </div>
                <div class="quality_products_six">
                    <img src="./img/chair.png" alt="">
                    <p>品质保障30年</p>
                    <hr>
                    <span>给温暖舒适的家</span>
                    <div class="quality_button">
                        <div class="quality_button_icon">
                            <p>￥</p>
                        </div>
                        <div class="quality_button_money">
                            <span>188</span>
                        </div>
                        <button>立刻抢购</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 广告语 -->
        <div class="slogan">
            <div class="left">时尚潮流款</div>
            <div class="right">流行趋势</div>
            <div class="bottom">GORGEOUS COLOUR OF</div>
        </div>

        <!-- 布艺沙发 -->
        <div class="fabric">
            <div class="fabric_furniture">
                <div class="fabric_furniture_img">
                    <img src="./img/teble_big.png" alt="">
                </div>
                <div class="fabric_furniture_text">
                    <p>现代小情调</p>
                    <span>（布艺沙发）</span>
                    <h3>极简百搭的毛织连衣裙</h3>
                    <h3>黑红两色均有着显瘦修饰脸部光泽的特点</h3>
                    <h3>搭配一个毛衣链</h3>
                    <h3>你便是阳光下的妩媚魔鬼</h3>
                    <div class="money">
                        <del>RMB826</del>
                        <h2>RMB359</h2>
                    </div>
                    
                </div>
                <div class="fbric_img">
                    <img src="./img/pendant1.png" alt="">
                </div>
                <div class="fbric_img2">
                    <img src="./img/sofa1.png" alt="">
                </div>
                
            </div>

            <div class="fabric_furniture_two">
                <div class="fabric_furniture_img_two">
                    <img src="./img/teble_big.png" alt="">
                </div>
                <div class="fabric_furniture_text_two">
                    <p>现代小情调</p>
                    <span>（布艺沙发）</span>
                    <h3>极简百搭的毛织连衣裙</h3>
                    <h3>黑红两色均有着显瘦修饰脸部光泽的特点</h3>
                    <h3>搭配一个毛衣链</h3>
                    <h3>你便是阳光下的妩媚魔鬼</h3>
                    <div class="money">
                        <del>RMB826</del>
                        <h2>RMB359</h2>
                    </div>
                    
                </div>
                <div class="fbric_img_two">
                    <img src="./img/pendant2.png" alt="">
                </div>
                <div class="fbric_img2_two">
                    <img src="./img/sofa2.png" alt="">
                </div>
                
            </div>
        </div>

        <!-- 底部桌子 -->
        <div class="table_bottom">
            <div class="table_four">
                <div class="table_four_img">
                    <img src="./img/table2.png" alt="">
                </div>
                <div class="table_four_text">
                    <p>现代小情调</p>
                    <del>RMB826</del>
                    <h3>RMB359</h3>
                </div>
        </div>
        <div class="table_four">
            <div class="table_four_img">
                <img src="./img/table2.png" alt="">
            </div>
            <div class="table_four_text">
                <p>现代小情调</p>
                <del>RMB826</del>
                <h3>RMB359</h3>
            </div>
    </div>
    <div class="table_four">
        <div class="table_four_img">
            <img src="./img/table2.png" alt="">
        </div>
        <div class="table_four_text">
            <p>现代小情调</p>
            <del>RMB826</del>
            <h3>RMB359</h3>
        </div>
</div>
<div class="table_four">
    <div class="table_four_img">
        <img src="./img/table2.png" alt="">
    </div>
    <div class="table_four_text">
        <p>现代小情调</p>
        <del>RMB826</del>
        <h3>RMB359</h3>
    </div>
</div>
        
    </div>

    <div class="footer">
        
    </div>
</body>
</html>